.energy1 {
  margin-left: 35px;
  width: 112px;
  height: 46px;
  background: linear-gradient(269deg, rgba(115, 120, 255, 1), rgba(165, 104, 255, 1));
  box-shadow: -5px -9px 10px 0px rgba(120, 120, 120, 0.42);
  border-radius: 22px;

  &.press{
    background: linear-gradient(269deg, rgba(115, 120, 255, 0.6), rgba(165, 104, 255, 0.6));
    box-shadow: 5px 9px 5px 0px rgba(0, 0, 0, 0.42) inset;
  }
}

.energy2 {
  width: 112px;
  height: 46px;
  background: linear-gradient(90deg, rgba(255,79,49, 1), rgba(255,179,102, 1));
  box-shadow: -8px -9px 10px 0px rgba(120, 120, 120, 0.42);
  border-radius: 23px;

  &.press{
    background: linear-gradient(90deg, rgba(255,79,49, 0.6), rgba(255,179,102, 0.6));
    box-shadow: 5px 9px 5px 0px rgba(0, 0, 0, 0.42)  inset;
  }
}

.energy3 {
  width: 112px;
  height: 46px;
  background: linear-gradient(269deg, rgba(252,205,49, 1), rgba(145,252,87, 1));
  box-shadow: -8px -9px 10px 0px rgba(120, 120, 120, 0.42);
  border-radius: 23px;

  &.press{
    background: linear-gradient(269deg, rgba(252,205,49, 0.6), rgba(145,252,87, 0.6));
    box-shadow: 5px 9px 5px 0px rgba(0, 0, 0, 0.42) inset;
  }
}
